﻿@using BYSJ.Web.Models
@model UserView
@{
    Layout = "~/Views/Shared/base.cshtml";
}
@section  JsSection{
<script src="~/Scripts/slider.js"></script>
<script src="~/Scripts/indeximage.js"></script>
<link href="~/Content/index/indeximage.css" rel="stylesheet" />
}
@section TitleSection{
          河南中医学院数据结构学习系统首页
  }
@section bodycontent{
    <div id="banner_tabs" class="flexslider">
        @*轮播图*@
           <ul class="slides">
               <li>
                   <a title="" target="_blank" href="#">
                       <img alt="" style="background: url(../../image/bigindex/banner1.jpg); background-size:contain;" src="../../image/bigindex/alpha.png">                      
                   </a>
               </li>
               <li>
                   <a title="" href="#">
                       <img alt="" style="background: url(../../image/bigindex/banner2.jpg); background-size:contain;" src="../../image/bigindex/alpha.png">                      
                   </a>
               </li>
               <li>
                   <a title="" href="#">
                       <img alt="" style="background: url(../../image/bigindex/banner3.gif); background-size:contain;" src="../../image/bigindex/alpha.png">                    
                   </a>
               </li>
               <li>
                   <a title="" href="#">
                       <img alt="" style="background: url(../../image/bigindex/banner4.gif); background-size:contain;" src="../../image/bigindex/alpha.png">                      
                   </a>
               </li>
           </ul>
          
           <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
               <li><a>1</a></li>
               <li><a>2</a></li>
               <li><a>2</a></li>
               <li><a>4</a></li>
           </ol>
           <div class="zdivindex">
               <div class="daohangimage">
                   <ul class="tabsul f-cb f-f0">
                       <li id="tabhot" class="j-tab tab f-fl tabpos1" style="margin-left: 0px;">热门视频</li>
                       <li id="tablast" class="j-tab tab f-fl tabpos" style="margin-left: 32px;">最新上传</li>
                   </ul>
               </div>
               @*轮播图片第一个数据*@
                   <div class="remendaohang">
                       <ul class="list j-mainslide-weekrank">
                           @if (Model.shipin.Count > 0)
                           {
                               for (int i = 0; i < Model.shipin.Count; i++)
                               {
                                   if(i<=2)
                                   {
                                <li>
                                    <a href="/shipinshow/@Model.shipin[i].id" hidefocus="true" class="item-play">
                                        <i>@i</i>
                                        <span class="remenconent">@Model.shipin[i].name.Substring(0, 15)</span>
                                        <span class="remencount">@Model.shipin[i].videoUserName</span>
                                    </a>
                                </li>
                                 }
                               if (i >= 3)
                               {
                               <li>
                                   <a href="/shipinshow/@Model.shipin[i].id" hidefocus="true" class="item-play-none">
                                       <i>@i</i>
                                       <span class="remenconent">@Model.shipin[i].name.Substring(0, 15)</span>
                                       <span class="remencount">@Model.shipin[i].videoUserName</span>
                                   </a>
                               </li>
                               }
                             }
                           }
                       </ul>
                   </div>
               @*轮播图片第二个数据*@
                   <div class="zuixindaohang">
                       <ul class="list j-mainslide-weekrank">
                      @if (Model.file.Count > 0)
                           {
                               for (int i = 0; i < Model.file.Count; i++)
                               {
                                   if (i <= 2)
                                   {
                           <li>
                               <a href="/shard/@Model.name/1" hidefocus="true" class="item-play">
                                   <i>@i</i>
                                   <span>@Model.file[i].name.Substring(0,15)</span>
                                   <span>@Model.file[i].fileusername</span>
                               </a>
                           </li>
                                   }
                                   if (i >= 3)
                                   {
                           <li>
                               <a href="/shard/@Model.name/1" hidefocus="true" class="item-play-none">
                                   <i>@i</i>
                                   <span class="remenconent">@Model.file[i].name.Substring(0, 15)</span>
                                   <span class="remencount">@Model.file[i].fileusername</span>
                               </a>
                           </li>
                                   }
                               }
                            }
                       </ul>
                   </div>
               </div>
           
       </div>
   <!--最新上传或者小编推荐-->
    <div class="zhanzhang-div">
            <div class="zhanchang-top">
                <h2 class="zhangchang-tuijian">最新上传</h2>
            </div>
        @if (Model.xiaobianTuijian.Count > 0)
        {
            foreach (var item in Model.xiaobianTuijian)
            {
                <div class="zhanchang-content">
                    <a href="/shipinshow/@item.id">
                        <img src="@item.videoIamge" alt=""></a>
                        <div class="zhanchang-button">
                            <h5 class="f-c3"><a href="/shipinshow/@item.id">@item.name</a><span class="rec f-f1 hide"></span></h5>
                        </div>
</div>
            }
        }
    </div>
   <!--资料库-->
<div class="m-cate m-cate1">
    <div class="g-container">
        <div class="g-row">
            @*资料库*@
            <div class="g-cell2 l">
                <div class="m-gjgkk m-ted shadow">
                    <h2>资料库&nbsp;&nbsp;<span class="lk" id="j-ted">共 @Model.ziliao.count 个资料</span></h2>
                    <ul class="clear">
                        @if (Model.ziliao.fenleinane.Count > 0)
                        {
                            foreach (var item in Model.ziliao.fenleinane)
                            {
                                <li class="left blok nowrp"><a class="link f-f0 nowrp j-recstop viewtopiccourse" href="/shard/@Model.name/1" data-id=" chinese" gradeid="H">@item</a></li>
                            }

                        }
                    </ul>
                </div>
            </div>
            @*开源大会视频*@
            @if (Model.indexKaiYuan.Count > 0)
            {
                foreach (var item in Model.indexKaiYuan)
                {
                    <div class="g-card1 shadow">
                        <a href="@item.videoUrl" class="u-cover play" target="_blank">
                            <div class="rel">
                                <img src="@item.imageUrl" class="lazy" height="120px" width="180px" style="display: inline;">
                            </div>
                        </a>
                        <a href="@item.videoUrl" class="play" target="_blank">
                            <h5 class="f-c3">@item.name</h5>
                        </a>
                    </div>
                }
            }
        </div>
    </div>
</div>
       <!--他们在学-->
<div class="icourse m-cate1 icourse-last">
    <div class="icourse_wrap icourse-wrap">
        <div class="l" style="width:830px;">
            <h1 class="icourse_title l">
                互动交流
                
            </h1>


            <ul class="interact l">
                <li class="curse01">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[0].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[0].id" class="question">@Model.indexhudong[0].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[0].content)</span></td>
                             </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[0].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>


                <li class="curse05">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[1].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[1].id" class="question">@Model.indexhudong[1].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[1].content)</span></td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[1].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>



                <li class="curse010">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[2].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[2].id" class="question">@Model.indexhudong[2].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[2].content)</span></td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[2].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>


                <li class="curse02">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[3].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[3].id" class="question">@Model.indexhudong[3].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[3].content)</span></td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[3].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>



                <li class="curse07">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[4].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[4].id" class="question">@Model.indexhudong[4].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[4].content)</span></td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[4].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>



                <li class="curse011">
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td rowspan="3" valign="top" width="17%"><img src="@Model.indexhudong[5].inageUrl"></td>
                                <td width="83%"><a href="/showAnswer/@Model.name/@Model.indexhudong[5].id" class="question">@Model.indexhudong[5].title</a></td>
                            </tr>
                            <tr>
                                <td><span class="class">@Html.Raw(@Model.indexhudong[5].content)</span></td>
                            </tr>
                            <tr>
                                <td><a href="javascript:void(0);"></a><span class="r">@Model.indexhudong[5].user</span></td>
                            </tr>
                        </tbody>
                    </table>
                </li>
            </ul>
        </div>

        <!-- 正在学习 -->
        <div class="Studying l">
            <h3>他们在学</h3>
            <ul class="studying l">
                @if (Model.indexstart.Count > 0)
                {
                    foreach (var item in Model.indexstart)
                    {
                        <li>
                            <table width="100%">
                                <tbody>
                                    <tr>
                                        <td style="color:#ececec;">@item.name<span class="r">在学：</span></td>
                                        <td style="font-weight:bold;"><a class="subname play">@item.title.Substring(0,15)</a></td>
                                        <td align="right" style="color:#ececec;"><span class="subtime">@item.time</span></td>
                                    </tr>
                                </tbody>
                            </table>
                        </li>
                    }
                }
            </ul>
        </div>
    </div>
</div>
}
